<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>千米-新零售 用千米</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src='js/axios.min.js'></script>
    <script src='js/vue.js'></script>
</head>
<body>
<header>
    <div class="container">
        <div class="header-logo">
            <img src="img/sylogo_8dbb412.png" alt="">
        </div>
        <div class="header-right">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">产品中心</a></li>
                <li><a href="">新零售周边</a></li>
                <li><a href="">城市合伙人</a></li>
                <li><a href="">下载</a></li>
            </ul>
            <div class="header-input">
                <a class="a-1" href="denglu.html">登录</a>
                <a class="a-2" href="zhuce.html">注册</a>
            </div>
        </div>
    </div>
</header>

<div class="banner">
    <p class="p-1"></p>
    <p class="p-2"></p>
    <ul class="xuanxiangka">
        <li>新零售 用千米</li>
        <li>云商城</li>
        <li>云小店</li>
        <li>云分销</li>
        <li>连锁O2O</li>
    </ul>
    <div class="tupian">
        <div class="bian">
            <img src="img/pc_Ban00qj_c5b4f62.png" alt="">
        </div>
        <div>
            <p class="p-3">云商城</p>
            <p class="p-4">
                为品牌商量身定制的全渠道品牌商城 <br>
                全面服务微商的微商城 <br>
                自有品牌和自有会员的自由生意</p>
            <a  class="a-1" href="">立即体验</a>
            <a  class="a-2" href="">了解详情</a>
            <img src="img/indexBan009_d02c883.png" alt="">
        </div>
        <div>
            <p class="p-5">云小店</p>
            <p class="p-6">
                面向实体小店  <br>
                新零售转型升级 <br>
                坪效人效体验全面起飞</p>
            <a  class="a-3" href="">立即体验</a>
            <a  class="a-4" href="">了解详情</a>
            <img src="img/indexBan010_7767f6f.png" alt="">
        </div>
        <div>
            <p class="p-7">云分销</p>
            <p class="p-8">
                天下没有难做的B2B<br>
                一站式B2B解决方案</p>
            <a  class="a-5" href="">立即体验</a>
            <a  class="a-6" href="">了解详情</a>
            <img src="img/indexBan011_0e68c4d.png" alt="">
        </div>
        <div>
            <p class="p-9">连锁o2o</p>
            <p class="p-10">
                混合连锁o2o一体化方案<br>
                直营加盟统一管理</p>
            <a  class="a-7" href="">立即体验</a>
            <a  class="a-8" href="">了解详情</a>
            <img src="img/pc_Ban12_dd4f912.png" alt="">
        </div>
    </div>
</div>
<main>
    <div class="container">
        <div class="main-top">
            <div class="main-top-top">
                <p>赋能-新零售</p>
            </div>
            <div class="main-top-bottom">
                <a href="xinlingshou.html">
                <ul id="app">
                    <li v-for='url in message'>
                            <img :src="url.link" alt="">
                        <p>
                            {{url.firstName}}
                        </p>
                        <p>
                            {{url.lastName}}
                        </p>

                    </li>
                </ul>
                    </a>
            </div>
    </div>
    </div>
    <div class="container">
    <div class="main-center">
        <div class="main-center-top">
            <p>赋能-各行业</p>
        </div>
        <div class="main-center-bottom">
            <a href="">
                <div>
                    <img src="img/201712140201_bb5e838.jpg" alt="">
                    <p>生鲜水果</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/jiushui_2eab5aa.jpg" alt="">
                    <p>食品酒水</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140204_808151d.jpg" alt="">
                    <p>服装鞋帽</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140206_55016c8.jpg" alt="">
                    <p>个护美妆</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140202_c7ba6c5.jpg" alt="">
                    <p>母婴用品</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140205_e22a850.jpg" alt="">
                    <p>3c数码</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140203_db41fc3.jpg" alt="">
                    <p>家居建材</p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="img/201712140207_8bb4235.jpg" alt="">
                    <p>其他</p>
                </div>
            </a>

            </div>

        </div>
    </div>
    <div class="container">
        <div class="main-bottom">
            <div class="main-bottom-top">
                <p>千米动态</p>
            </div>
            <div class="main-bottom-bottom">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="main-bottom-bottom-left">
                                <img src="img/母婴动态_a109f01.png" alt="">
                            </div>
                            <a href="">
                                <div class="main-bottom-bottom-right">
                                    <h3>母婴店收银必备，行业插件一网打尽</h3>
                                    <p>
                                        母婴插件是千米推出的一套解决母婴店的整体服务，满足用户在母婴店内使用的场景。购买母婴插件自动开通：
                                        计次卡、预约、寄存、宝宝成长计划等功能，同时在收银页面上也进行了改版，使之更易用，更符合母婴店在
                                        收银过程中的操作习惯，线上线下紧密结合，拉新，留存，实现精准营销，增强客户忠诚度。
                                    </p>
                                    <a href="">更多活动>></a>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="main-bottom-bottom-left">
                                <img src="img/201712140302_174ed38.jpg" alt="">
                            </div>
                            <div class="main-bottom-bottom-right-1">
                                <h3>媒体动态</h3>
                                <a href="">腾讯网 |
                                    千米创始人石正川先生荣获2018年南京市优秀民营企业家称号</a>
                                <a href="">
                                    腾讯网 |
                                    再添佳绩！千米荣膺2018年度最佳社区零售服务商大奖
                                </a>
                                <a href="">
                                    凤凰网 |
                                    千米CEO李宁：新零售升级的两个重点——技术产品化&深度服务客户
                                </a>
                                <a href="">
                                    业界 | 千米荣获“ 2018 年中国快消品供应链推荐服务商”大奖
                                </a>
                                <a href="">
                                    新零售头条 | CHINASHOP 2018精彩落幕 千米载誉而归
                                </a>
                                <a href="">
                                    商界 | “造船人”石正川：死磕，是赋能新零售的唯一航路
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="main-chaochu">
            <div class="main-chaochu-top">
                <p>产品下载</p>
            </div>
            <div class="main-chaochu-bottom">
                <div>
                    <img src="img/windows.png" alt="">
                    <p>Windows</p>
                    <div class="yincang">
                        <a href="">下载</a>
                    </div>
                </div>
                <div>
                    <img src="img/macos.png" alt="">
                    <p>MacOS</p>
                    <div class="chuxian">
                        <a href="">下载</a>
                    </div>
                </div>
                <div>
                    <img class="img-1" src="img/phone.png" alt="">
                    <p>iOS/Android</p>
                    <div class="chuxian">
                        <img class="img-2" src="img/qianmi_pc_app_485d9ec.png" alt="">
                    </div>
                </div>
                <div>
                    <img class="img-3" src="img/pad.png" alt="">
                    <p>Pad/iPad</p>
                    <div class="chuxian">
                        <img class="img-4" src="img/qianmi_pc_app_485d9ec.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<footer>
    <div class="container">
        <div class="footer-top">
            <div class="footer-top-left">
                <div>
                    <p>关于千米</p>
                    <ul>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">千米历程</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">千米公益</a></li>
                    </ul>
                </div>
                <div>
                    <p>产品中心</p>
                    <ul>
                        <li><a href="">云  小  店 </a></li>
                        <li><a href="">连锁O2O</a></li>
                        <li><a href="">云  分  销</a></li>
                        <li><a href="">云  商  城</a></li>
                    </ul>
                </div>
                <div>
                    <p class="p-11">联系我们</p>
                    <ul>
                        <li>
                            售前咨询：400-108-1000 转1
                        </li>
                        <li>
                            售后服务：400-108-1000 转3
                        </li>
                        <li>
                            周一至周六：9:00 ~ 20:00
                        </li>
                        <li>
                            周日：9:30 ~ 17:30
                        </li>
                    </ul>
                </div>
                <div class="div-right">
                    <img src="img/erweima_43a674d.jpg" alt="">
                    <p class="p-12">新零售 用千米</p>
                </div>
            </div>
            <div class="footer-top-right"></div>
        </div>
        <div class="footer-bottom">
            <p>
                © Copyright 2013 - 2018 江苏千米网络科技股份有限公司 版权所有 |
            </p>
        </div>
    </div>

</footer>

<script src="js/swiper.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>